// state类似于data，mutations类似methods，getters类似computed

export default {
  // 为当前模块开启命名空间，命名空间就是外面的不能直接访问数据
  namespaced: true,
   // 模块的 state 数据
  state: () => ({
    // cart为购物车的数组，用来存储购物车中每个商品的信息对象
    // 每个商品的信息对象，都包含如下 6 个属性：
    // { goods_id, goods_name, goods_price, goods_count, goods_small_logo, goods_state }
    // JSON.parse转换为数组
    cart: JSON.parse(uni.getStorageSync('cart') || '[]')
  }),
  
  // 模块的 mutations 方法
  // Mutation是改变数据的
  // actions是可以用来处理异步请求，业务逻辑的，如果没有这些需要是可以不要actions的，mutation可以更改state中的数据
  mutations: {
    // goods为要添加的商品信息对象
    addToCart(state, goods) {
      // 根据提交的商品的Id，查询购物车中是否存在这件商品
      // 如果购物车中不存在，则 findResult 为 undefined；否则，为查找到的商品信息对象
      // find方法循环查询数组的每一项
      // x为每一个商品的信息对象
      // 因为是等号直接赋值, findReult得到的是其cart数组中的引用地址，直接改这个变量里面的数据，cart中的对象自然会跟着改
      const findResult = state.cart.find((x) => x.goods_id === goods.goods_id)
      // console.log(findResult)
      
      if(!findResult) {
         // 如果购物车中没有这件商品，则直接 push
        state.cart.push(goods)
      }else {
        // 如果购物车中有这件商品，则只更新数量即可
        findResult.goods_count++
      }
      // commit方法是调用mutations方法的，调用mutations方法时只能通过commit方法。
      // 通过 commit 方法，调用 m_cart 命名空间下的 saveToStorage 方法
      this.commit('m_cart/saveToStorage')
    },
    
    // saveCartStorage是mutations方法，只能通过commit调用
    // 将购物车中的数据持久化存储到本地
    saveToStorage(state) {
      // JSON.stringify将state.cart数组转为字符串,存储到cart（本地）
      uni.setStorageSync('cart', JSON.stringify(state.cart))
    },
    
    // 更新购物车中商品的勾选状态
    updateGoodsState(state, goods) {
      // 根据 goods_id 查询购物车中对应商品的信息对象
      const findResult = state.cart.find(x => x.goods_id === goods.goods_id)
     // 有对应的商品信息对象
      if(findResult) {
        // 更新对应商品的勾选状态
        findResult.goods_state = goods.goods_state
        // 调用saveToStorage方法,持久化存储到本地
        this.commit('m_cart/saveToStorage')
      }
    },
    // 更新商品的数量
    updateGoodsCount(state, goods) {
      const findResult = state.cart.find(x => x.goods_id === goods.goods_id)
      if(findResult) {
        findResult.goods_count = goods.goods_count
        this.commit('m_cart/saveToStorage')
      }
    },
    // 根据 Id 从购物车中删除对应的商品信息
    removeGoodsById(state, goods_id) {
       // 调用数组的 filter 方法进行过滤
       // x.goods_id !== goods_id则存到state.cart
      state.cart = state.cart.filter(x => x.goods_id !== goods_id)
      this.commit('m_cart/saveToStorage')
    },
    // 更新购物车中所有商品的勾选状态
    updateAllGoodsState(state, newState) {
      state.cart.forEach(x => x.goods_state = newState)
      this.commit('m_cart/saveToStorage')
    }
  },
  
  // 模块的 getters 属性,相当于数据的包装器
  // getter监听数据变化会触发
  getters: {
     // 统计购物车中商品的总数量
    total(state) {
      // let c = 0
      // // 循环统计商品的数量，累加到变量c中
      // state.cart.forEach(goods => c += goods.goods_count)
      // return c
      
      return state.cart.reduce((total, item) => total += item.goods_count, 0)
    },
    // 勾选的商品的总数量
    checkedCount(state) {
       // 先使用 filter 方法，从购物车中过滤器已勾选的商品
         // 再使用 reduce 方法，将已勾选的商品总数量进行累加,第一个参数回调，第二个参数是累加的初始值，一般为0
         // reduce() 的返回值就是已勾选的商品的总数量,item为循环的it项
      return state.cart.filter(x => x.goods_state).reduce((total, item) => total += item.goods_count, 0)
    },
    // 已勾选商品的总价格
    checkedGoodsAmount(state) {
      // 先使用 filter 方法，从购物车中过滤器已勾选的商品
      // 再使用 reduce 方法，将已勾选的商品数量 * 单价之后，进行累加
      // reduce() 的返回值就是已勾选的商品的总价
      // 最后调用 toFixed(2) 方法，保留两位小数
      return state.cart.filter(x => x.goods_state).reduce((total, item) => total += item.goods_count * item.goods_price, 0).toFixed(2)
    }
  }
}